<!DOCTYPE html>
<html>
	<head>
	    <meta charset="utf-8">
	    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	    <title>楚天名医</title>
	    <link href="../../../css/mui.min.css" rel="stylesheet"/>
	    <style>
	    	.mui-pull-left{
	    		color: #8cb33e;
	    	}
	    	.mui-title{
	    		color: #8cb33e;
	    	}
	    	.mui-top{
	    		margin-top: 50px;
	    	}
	    	.mui-left-img{
	    		width: 100px !important;
	    		padding: 0px 10px;
	    	}
	    	.mui-flex{
	    		display: flex;
	    	}
	    	.mui-class-button{
	    		border: 1px solid;
			    color: #00B1C3;
			    position: absolute;
			    right: 17px;
			    font-size: 11px;
			    width: 60px;
			    height: 20px;
			    text-align: center;
	    	}
	    	.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
			    color: #00B1C3;
			}
			.mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar {
			    background-color: #00B1C3;
			}
			.mui-original-price{
				font-size:12px;
				color:#CCCCCC;
				text-decoration:line-through;
			}
    	</style>
	</head>
	<body>
		 <header class="mui-bar mui-bar-nav">
	        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	        <h1 class="mui-title">微课堂</h1>
	    </header>
	    <div class="mui-slider mui-top">
	        <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted" style="background-color: white;">
	            <a class="mui-control-item mui-active" href="#item1">一元抢购</a>
	            <a class="mui-control-item" href="#item2">生活健康</a>
	            <a class="mui-control-item" href="#item3">宝宝护理</a>
	            <a class="mui-control-item" href="#item4">宝宝喂养</a>
	        </div>
	        <div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-3"></div>
	        <div class="mui-slider-group">
	            <div id="item1" class="mui-slider-item mui-control-content mui-active">
                	<ul class="mui-table-view">
                	    <li class="mui-table-view-cell mui-media">
                	        <a href="javascript:;">
                	            <img class="mui-pull-left mui-left-img" src="../../../img/wkt.png">
                	            <div class="mui-media-body mui-ellipsis" style="font-size: 12px;color: #666;">
                	                <p style="font-size:13px;"><span>31~36月龄宝宝<运动与认知>评估...</span></p>
                	            </div>
                	            <div class="mui-media-body mui-ellipsis-2">
                	                <p style="font-size:11px;">
                	                	<span style="color:#CCCCCC;">
                	                		讲师：黄清清&nbsp; &nbsp; 湖北医科大学附属华师第一医院主治医生
                	                	</span>
                	                </p>
                	            </div>
                	            <div class="mui-media-body mui-flex">
                	                <p style="font-size:14px;">
                	                	<span style="color:#F04844;">¥998 </span>
                	                	<span class="mui-original-price">原价1288</span>
                	                </p>
                	                <div class="mui-class-button">
                	                	可试听
                	                </div>
                	            </div>
                	        </a>
                	    </li>
                	    <li class="mui-table-view-cell mui-media">
                	        <a href="javascript:;">
                	            <img class="mui-pull-left mui-left-img" src="../../../img/wkt.png">
                	            <div class="mui-media-body mui-ellipsis" style="font-size: 12px;color: #666;">
                	                <p style="font-size:13px;"><span>31~36月龄宝宝<运动与认知>评估...</span></p>
                	            </div>
                	            <div class="mui-media-body mui-ellipsis-2">
                	                <p style="font-size:11px;">
                	                	<span style="color:#CCCCCC;">
                	                		讲师：黄清清&nbsp; &nbsp; 湖北医科大学附属华师第一医院主治医生
                	                	</span>
                	                </p>
                	            </div>
                	            <div class="mui-media-body mui-flex">
                	                <p style="font-size:14px;">
                	                	<span style="color:#F04844;">¥998 </span>
                	                	<span class="mui-original-price">原价1288</span>
                	                </p>
                	                <div class="mui-class-button">
                	                	可试听
                	                </div>
                	            </div>
                	        </a>
                	    </li>
                	</ul>
	            </div>
	            <div id="item2" class="mui-slider-item mui-control-content">
	                <ul class="mui-table-view">
	                    <li class="mui-table-view-cell mui-media">
                	        <a href="javascript:;">
                	            <img class="mui-pull-left mui-left-img" src="../../../img/wkt.png">
                	            <div class="mui-media-body mui-ellipsis" style="font-size: 12px;color: #666;">
                	                <p style="font-size:13px;"><span>31~36月龄宝宝<运动与认知>评估...</span></p>
                	            </div>
                	            <div class="mui-media-body mui-ellipsis-2">
                	                <p style="font-size:11px;">
                	                	<span style="color:#CCCCCC;">
                	                		讲师：黄清清&nbsp; &nbsp; 湖北医科大学附属华师第一医院主治医生
                	                	</span>
                	                </p>
                	            </div>
                	            <div class="mui-media-body mui-flex">
                	                <p style="font-size:14px;">
                	                	<span style="color:#F04844;">¥998 </span>
                	                	<span class="mui-original-price">原价1288</span>
                	                </p>
                	                <div class="mui-class-button">
                	                	可试听
                	                </div>
                	            </div>
                	        </a>
                	    </li>
                	    <li class="mui-table-view-cell mui-media">
                	        <a href="javascript:;">
                	            <img class="mui-pull-left mui-left-img" src="../../../img/wkt.png">
                	            <div class="mui-media-body mui-ellipsis" style="font-size: 12px;color: #666;">
                	                <p style="font-size:13px;"><span>31~36月龄宝宝<运动与认知>评估...</span></p>
                	            </div>
                	            <div class="mui-media-body mui-ellipsis-2">
                	                <p style="font-size:11px;">
                	                	<span style="color:#CCCCCC;">
                	                		讲师：黄清清&nbsp; &nbsp; 湖北医科大学附属华师第一医院主治医生
                	                	</span>
                	                </p>
                	            </div>
                	            <div class="mui-media-body mui-flex">
                	                <p style="font-size:14px;">
                	                	<span style="color:#F04844;">¥998 </span>
                	                	<span class="mui-original-price">原价1288</span>
                	                </p>
                	                <div class="mui-class-button">
                	                	可试听
                	                </div>
                	            </div>
                	        </a>
                	    </li>
	                </ul>
	            </div>
	            <div id="item3" class="mui-slider-item mui-control-content">
	                <ul class="mui-table-view">
	                   <li class="mui-table-view-cell mui-media">
                	        <a href="javascript:;">
                	            <img class="mui-pull-left mui-left-img" src="../../../img/wkt.png">
                	            <div class="mui-media-body mui-ellipsis" style="font-size: 12px;color: #666;">
                	                <p style="font-size:13px;"><span>31~36月龄宝宝<运动与认知>评估...</span></p>
                	            </div>
                	            <div class="mui-media-body mui-ellipsis-2">
                	                <p style="font-size:11px;">
                	                	<span style="color:#CCCCCC;">
                	                		讲师：黄清清&nbsp; &nbsp; 湖北医科大学附属华师第一医院主治医生
                	                	</span>
                	                </p>
                	            </div>
                	            <div class="mui-media-body mui-flex">
                	                <p style="font-size:14px;">
                	                	<span style="color:#F04844;">¥998 </span>
                	                	<span class="mui-original-price">原价1288</span>
                	                </p>
                	                <div class="mui-class-button">
                	                	可试听
                	                </div>
                	            </div>
                	        </a>
                	    </li>
	                </ul>
	            </div>
	            <div id="item4" class="mui-slider-item mui-control-content">
	                <ul class="mui-table-view">
	                    <li class="mui-table-view-cell mui-media">
                	        <a href="javascript:;">
                	            <img class="mui-pull-left mui-left-img" src="../../../img/wkt.png">
                	            <div class="mui-media-body mui-ellipsis" style="font-size: 12px;color: #666;">
                	                <p style="font-size:13px;"><span>31~36月龄宝宝<运动与认知>评估...</span></p>
                	            </div>
                	            <div class="mui-media-body mui-ellipsis-2">
                	                <p style="font-size:11px;">
                	                	<span style="color:#CCCCCC;">
                	                		讲师：黄清清&nbsp; &nbsp; 湖北医科大学附属华师第一医院主治医生
                	                	</span>
                	                </p>
                	            </div>
                	            <div class="mui-media-body mui-flex">
                	                <p style="font-size:14px;">
                	                	<span style="color:#F04844;">¥998 </span>
                	                	<span class="mui-original-price">原价1288</span>
                	                </p>
                	                <div class="mui-class-button">
                	                	可试听
                	                </div>
                	            </div>
                	        </a>
                	    </li>
	                </ul>
	            </div>
	        </div>
	    </div>
	</body>
    <script src="../../../js/mui.min.js"></script>
	<script type="text/javascript">
        mui('.mui-table-view').on('tap', 'li', function() {
            var msg = this.title;
            mui.openWindow({
                url: 'littleClassInfo.html',
                id: 'littleClassInfo.html'
            });
        });
	</script>
</html>
